<template >
    <div class="box">
        <el-input v-model="task" placeholder="请输入任务内容"></el-input>
    <div>

<div v-for="(item,index) in taskList" :key="index" class="item"></div>
<el-checkbox v-model="checked">  </el-checkbox>
<span>吃荔枝</span> 
<i class="el-icon-error"></i>
    </div>

    <div>
        <el-button type="primary" @click="addTask">ALL</el-button>
    </div>
    </div>


</template>

<script>
export default {
    data(){
        return{
            task:'',
            taskList:[1],
            checked:true
        }
    },
    methods: {
        handleBlur(){
            console.log('失去焦点')
        }
    },
}
</script>


<style >
    .box{
        width:800px;
        height: 500px;
        margin:200px auto;
        border:1px solid #ddd;

    }
</style>